﻿
@{
    ViewData["Title"] = "国际期货";
}
<style>
    .futures_bg {
        background-image: url(https://okgo.top/154114324597748.jpg);
        background-repeat: no-repeat;
        background-position: center;
        max-height: 600px;
    }

        .futures_bg img:hover {
            transform: translateY(-20px);
            transition: .5s;
            box-shadow: none;
        }

    .up {
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
    }

    #jyzl .jyzl-item:hover {
        box-shadow: 0px 2px 20px #999;
        background: #FFF;
    }
</style>
<div>
    <div class="futures_bg mb-5">

        <div class="row mx-width1200  " style="padding-top:520px;">
            <div class="col-3 p-0  up">
                <a><img class="shadow" src="https://okgo.top/150224453222688.jpg" /></a>
            </div>
            <div class="col-3 p-0 ">
                <a href="#jyzl"><img class="shadow" src="https://okgo.top/150218198667183.png"></a>
            </div>
            <div class="col-3 p-0 ">
                <a><img class="shadow" src="https://okgo.top/150218215673697.png"></a>
            </div>
            <div class="col-3 p-0 ">
                <a><img class="shadow" src="https://okgo.top/151315269470052.png"></a>
            </div>
        </div>
    </div>
    <div class="" id="jyzl" style="margin-top:200px;">
        <div class="text-center pb-4 ">
            <h4>产品种类</h4>
        </div>
        <div class="mx-width1200 text-center " style="background-color:#f0f0f0">
            <div class="row m-0">
                <div class="jyzl-item col-3 pt-5 pb-5 border-right">
                    <img class="pt-2" src="~/images/futures/utf-8' '152888060043627.png" alt="图片">
                    <h5 class="pt-3 pb-3">股指期货</h5>
                    <p class="small mb-1">大恒指、小恒指</p>
                    <p class="small ">德指、富时A50</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
                <div class="jyzl-item  col-3 pt-5 pb-5 border-right">
                    <img class="pt-2" src="~/images/futures/utf-8' '152888060280003.png" alt="图片">
                    <h5 class="pt-3 pb-3">贵金属期货</h5>
                    <p class="small mb-1">美黄金、美白银</p>
                    <p class="small ">&nbsp;</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
                <div class=" jyzl-item  col-3 pt-5 pb-5 border-right">

                    <img class="pt-2" src="~/images/futures/utf-8' '152888060414976.png" alt="图片">
                    <h5 class="pt-3 pb-3">能源期货</h5>
                    <p class="small mb-1">美原油、布伦特原油、天然气</p>
                    <p class="small ">&nbsp;</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
                <div class="jyzl-item  col-3 pt-5 pb-5 ">

                    <img class="pt-2" src="~/images/futures/utf-8' '150113796694051.png" alt="图片">
                    <h5 class="pt-3 pb-3">股票期货</h5>
                    <p class="small mb-1">腾讯个股期货</p>
                    <p class="small ">对标股票行情</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
            </div>
            <div class="row m-0">
                <div class="jyzl-item col-3 pt-5 pb-5 border-right">
                    <img class="pt-2" src="~/images/futures/utf-8' '152888060235350.png" alt="图片">
                    <h5 class="pt-3 pb-3">外汇期货</h5>
                    <p class="small mb-1">以汇率为标的物</p>
                    <p class="small ">欧元、美元指数</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
                <div class="jyzl-item  col-3 pt-5 pb-5 border-right">


                    <img class="pt-2" src="~/images/futures/utf-8' '152888060140844.png" alt="图片">
                    <h5 class="pt-3 pb-3">农产品期货</h5>
                    <p class="small mb-1">谷物、肉类和热带作物</p>
                    <p class="small ">&nbsp;</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>
                <div class="jyzl-item  col-3 pt-5 pb-5 border-right">

                    <img class="pt-2" src="~/images/futures/utf-8' '152888060328963.png" alt="图片">
                    <h5 class="pt-3 pb-3">基本金属期货</h5>
                    <p class="small mb-1">美铜、美铝</p>
                    <p class="small ">&nbsp;</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>
                </div>
                <div class="jyzl-item  col-3 pt-5 pb-5 ">

                    <img class="pt-2" src="~/images/futures/utf-8' '152888060084950.png" alt="图片">
                    <h5 class="pt-3 pb-3">利率期货</h5>
                    <p class="small mb-1">以债券类证券为标的物</p>
                    <p class="small ">国库债券</p>
                    <div class="mt-4">
                        <img src="~/images/icon/right_arrow_ccc.png">
                    </div>

                </div>

            </div>
        </div>
    </div>

</div>

